<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link href="../libs/swiper/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="../css/list.css" type="text/css">
	<script src="../libs/js/utils.js" type="text/javascript" charset="utf-8"></script>
	<body>
		<header class="header"></header>
	
		
		<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><img src="../images/05.jpg" alt="banner"/></div>
		            <div class="swiper-slide"><img src="../images/06.jpg" alt="banner"/></div>
		            <div class="swiper-slide"><img src="../images/07.jpg" alt="banner"/></div>
					<div class="swiper-slide"><img src="../images/08.jpg" alt="banner"/></div>
		        </div>
				<div class="swiper-pagination"></div>
		</div>
		
		<div class="pro-list">
			<div class="line1">
				<p>新品预订</p>
				<ul id="phonelist1">
					
				</ul>
				<script type="text/text/html" id="phonelisttemplate1">
					{{each list1 item}}
						<li>
							
							<a target="_self" class="block" href="./details.html?{{item.id}}">
								<i class="tag">新品</i>
								<div class="img-col">
									<img src="{{item.image}}">
								</div>
								<p class="pro-name">{{item.qunTitle}}</p>
								<p class="pro-desc">{{item.title}}</p>
								<p class="pro-price">￥{{item.price}}</p>
							</a>
						</li>
					
					{{/each}}
				</script>
			</div>
		
			<div class="line1">
				<p>新品预订</p>
				<ul id="phonelist2">
					
				</ul>
				<script type="text/text/html" id="phonelisttemplate2">
					{{each list2 item}}
						<li>
							<a target="_self" class="block" href="./details.html?{{item.id}}">
								<i class="tag">新品</i>
								<div class="img-col">
									<img src="{{item.image}}">
								</div>
								<p class="pro-name">{{item.qunTitle}}</p>
								<p class="pro-desc">{{item.title}}</p>
								<p class="pro-price">￥{{item.price}}</p>
							</a>
						</li>
					
					{{/each}}
				</script>
			</div>	
				
		
			<div class="line1">
				<p>新品预订</p>
				<ul id="phonelist3">
					
				</ul>
				<script type="text/text/html" id="phonelisttemplate3">
					{{each list3 item}}
						<li>
							<a target="_self" class="block" href="./details.html?{{item.id}}">
								<i class="tag">新品</i>
								<div class="img-col">
									<img src="{{item.image}}">
								</div>
								<p class="pro-name">{{item.qunTitle}}</p>
								<p class="pro-desc">{{item.title}}</p>
								<p class="pro-price">￥{{item.price}}</p>
							</a>
						</li>
					
					{{/each}}
				</script>
			</div>	
			
			<div class="line1">
				<p>新品预订</p>
				<ul id="phonelist4">
					
				</ul>
				<script type="text/text/html" id="phonelisttemplate4">
					{{each list4 item}}
						<li>
							<a target="_self" class="block" href="./details.html?{{item.id}}">
								<i class="tag">新品</i>
								<div class="img-col">
									<img src="{{item.image}}">
								</div>
								<p class="pro-name">{{item.qunTitle}}</p>
								<p class="pro-desc">{{item.title}}</p>
								<p class="pro-price">￥{{item.price}}</p>
							</a>
						</li>
					
					{{/each}}
				</script>
			</div>	
			
			<div class="line1">
				<p>新品预订</p>
				<ul id="phonelist5">
					
				</ul>
				<script type="text/text/html" id="phonelisttemplate5">
					{{each list5 item}}
						<li>
							<a target="_self" class="block" href="./details.html?{{item.id}}">
								<i class="tag">新品</i>
								<div class="img-col">
									<img src="{{item.image}}">
								</div>
								<p class="pro-name">{{item.qunTitle}}</p>
								<p class="pro-desc">{{item.title}}</p>
								<p class="pro-price">￥{{item.price}}</p>
							</a>
						</li>
					
					{{/each}}
				</script>
			</div>
			
		
			<div class="line1">
				<p>新品预订</p>
				<ul id="phonelist6">
					
				</ul>
				<script type="text/text/html" id="phonelisttemplate6">
					{{each list1 item}}
						<li>
							<a target="_self" class="block" href="./details.html?{{item.id}}">
								<i class="tag">新品</i>
								<div class="img-col">
									<img src="{{item.image}}">
								</div>
								<p class="pro-name">{{item.qunTitle}}</p>
								<p class="pro-desc">{{item.title}}</p>
								<p class="pro-price">￥{{item.price}}</p>
							</a>
						</li>
					
					{{/each}}
				</script>
			</div>
		</div>
		
		
		
		<footer class="footer"></footer>
	
	
	<script src="../libs/require/require.min.js" data-main="../js/list.js"></script>
	</body>
</html>
